<!DOCTYPE html>
<html lang="en">
<head>
<title> Responsive Team Cards Flipper - Responsive</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="html.design">
<!-- description -->
<meta name="description" content="Responsive Team Cards Flipper - Template">
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.minAbout.css">
<!-- Fontawesome CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css">
<!-- Fonts and icons -->
<!-- <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700" rel="stylesheet">  -->
<!-- Reset CSS -->
<!-- <link rel="stylesheet" href="css/reset.css"> -->
<!-- Style CSS -->
<link rel="stylesheet" href="css/styleAbout.css">
<!-- Responsive  CSS -->
<!-- <link rel="stylesheet" href="css/responsive.css"> -->
</head>
<body>

<div class="team-main">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="title-wb">四六级介绍</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                    <div class="flip-team">
                        <div class="front-A h-100">
                            <div class="card profile-card-5 bor-no" data-image-src="images/team-05.jpg">
                                
                                <div class="text-content">
                                    <h3> 金新阳 </h3>
                                    <p>组长</p>
                                </div>
                                <div class="filter"></div>
                            </div>
                        </div>
                        <div class="back-b h-100">
                            <div class="card bor-no">
                                <h4 class="card-title"> 金新阳 </h4>
                                <p>猴哥</p>
                                <p class="card-text">俺老孙来也；俺老孙去也；吃俺老孙一棒；妖怪哪里走！快点、快点，你的个八戒。"师父，我一直在想，天下万物，皆来于空，可这众生爱痴，从何而来?天下万物，又终归于空，那人来到尘世浮沉，为的又是什么?”</p>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                    <div class="flip-team">
                        <div class="front-A h-100">
                            <div class="card profile-card-5 bor-no" data-image-src="images/team-06.jpg">
                                
                                <div class="text-content">
                                    <h3> 闫方南 </h3>
                                    <p>组员</p>
                                </div>
                                <div class="filter"></div>
                            </div>
                        </div>
                        <div class="back-b h-100">
                            <div class="card bor-no">
                                <h4 class="card-title"> 鞠靖林 </h4>
                                <p>八戒</p>
                                <p class="card-text">我是大元帅天蓬下来保护西天的唐朝。我们把行李分了吧。你回你的流沙河，我回我的高浪村。师傅又被魔鬼抓住了，恐怕是煮熟了吃了！大哥你去你的花果山，我去我的高老庄，沙哥去他的流沙河，咱们把行李分开走自己的路吧！ </p>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                    <div class="flip-team">
                        <div class="front-A h-100">
                            <div class="card profile-card-5 bor-no" data-image-src="images/team-03.jpg">
                                
                                <div class="text-content">
                                    <h3> 方有斌 </h3>
                                    <p>组员</p>
                                </div>
                                <div class="filter"></div>
                            </div>
                        </div>
                        <div class="back-b h-100">
                            <div class="card bor-no">
                                <h4 class="card-title"> 方有斌 </h4>
                                <p>师傅</p>
                                <p class="card-text">唵（ōng)，嘛(ma)，呢(nī)，叭(bēi)，咪(mēi)，吽（hōng）唵（ōng)，嘛(ma)，呢(nī)，叭(bēi)，咪(mēi)，吽（hōng）唵（ōng)，嘛(ma)，呢(nī)，叭(bēi)，咪(mēi)，吽（hōng）（紧箍咒doge） </p>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                    <div class="flip-team">
                        <div class="front-A h-100">
                            <div class="card profile-card-5 bor-no" data-image-src="images/team-04.jpg">
                                
                                <div class="text-content">
                                    <h3> 曹源 </h3>
                                    <p>组员</p>
                                </div>
                                <div class="filter"></div>
                            </div>
                        </div>
                        <div class="back-b h-100">
                            <div class="card bor-no">
                                <h4 class="card-title"> 曹源 </h4>
                                <p>沙僧</p>
                                <p class="card-text">大师兄，师傅被妖怪捉走了...二师兄，师傅被妖怪捉走了...大师兄，二师兄他被妖怪捉走了...大师兄，师傅和二师兄都被妖怪捉走了...师傅放心，大师兄会来救我们的...  </p>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                                                        
        </div>
    </div>
</div>

<!-- jquery latest version -->
<script src="js/jquery.minAbout.js"></script>
<!-- popper.min.js -->
<script src="js/popper.minAbout.js"></script>    
<!-- bootstrap js -->
<script src="js/bootstrap.minAbout.js"></script>
<script type="text/javascript">
    $(".card").css('background', function () {
        var bg = ('url(' + $(this).data("image-src") + ') no-repeat center center');
        return bg;
    });
</script>
</body>
</html>
